<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>test</title>
</head>

<body>
  <p>请在控制台看结果</p>
  <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
  <script>
    const phone = ''
    const password = ''
    if (!phone || !password) {
      const msg = '请设置你的手机号码和密码'
      alert(msg)
      throw new Error(msg)
    }
    $.ajax({
      url: `/login/cellphone?phone=${phone}&password=${password}`,
      xhrFields: {
        withCredentials: true, //跨域的话必须设置
      },
      success: function (data) {
        console.log(data)
        $.ajax({
          url: `/recommend/resource `,
          xhrFields: {
            withCredentials: true, //跨域的话必须设置
          },
          success: function (data) {
            console.log(data)
          },
          error: function (err) {
            console.log(err)
          },
        })
      },
      error: function (err) {
        console.log(err)
      },
    })

    axios({
      url: `/login/cellphone?phone=${phone}&password=${password}`,
      withCredentials: true, //跨域的话必须设置
    }).then(function (res) {
      console.log(res.data)
      axios({
        url: `/recommend/resource`,
        withCredentials: true, //跨域的话必须设置
      }).then(function (res) {
        console.log(res.data)
      })
    })
  </script>
</body>

</html>
